<template>
	<div class='aaaa'>
		<van-nav-bar title="设置" left-arrow @click-left="onClickLeft" />
		<van-cell title="头像" class='imgard'>
			<template #extra>
				<image :src='Img' mode=""></image>
			</template>
		</van-cell>
		<view class="mine-middle">
			<van-cell title="昵称" is-link value="张三" />
			<van-cell title="手机号" is-link value="188*****5515" />
			<van-cell title="地址管理" is-link />
		</view>
		<view class="arbs">
			<van-button type="warning" block>退出当前账号</van-button>
		</view>


	</div>
</template>

<script setup>
	import {
		ref
	} from "vue";
	import Img from '../../../static/img/tabbar-5/joker.jpg'
	const onClickLeft = () => {
		uni.switchTab({
			url: '/pages/tabbar/tabbar-5/tabbar-5'
		});
	}
</script>
<style scoped lang='less'>
	.aaaa{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.arbs{
		margin-left: 120rpx;
		width: 500rpx !important;
		position: absolute;
		bottom: 25%;
	}
	::v-deep.van-nav-bar {
		padding: 0 !important;
		box-shadow: 3rpx 3rpx 3rpx 3rpx #e1e1e2;
	}
	::v-deep.data-v-bcc3bd87 {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
	}

	::v-deep.van-cell__title,
	.title-class {
		line-height: 100rpx;
	}
	.mine-middle{
		width: 100%;
	}
</style>